// cover some element-ui styles
//面包屑
.el-breadcrumb__item {
    .el-breadcrumb__inner,
    .el-breadcrumb__inner a {
        font-weight: 400 !important;
        color: #009A94;
    }
    .el-breadcrumb__separator {
        color: #009A94;
    }
}

.el-upload {
    input[type="file"] {
        display: none !important;
    }
}

.el-upload__input {
    display: none;
}

.cell {
    .el-tag {
        margin-right: 0px;
    }
}

.small-padding {
    .cell {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.fixed-width {
    .el-button--mini {
        padding: 7px 10px;
        width: 60px;
    }
}

.status-col {
    .cell {
        padding: 0 10px;
        text-align: center;
        .el-tag {
            margin-right: 0px;
        }
    }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
    transform: none;
    left: 0;
    position: relative;
    margin: 0 auto;
    .el-dialog__footer {
        padding: 10px;
    }
}

// refine element ui upload
.upload-container {
    .el-upload {
        width: 100%;
        .el-upload-dragger {
            width: 100%;
            height: 200px;
        }
    }
}

// dropdown
.el-dropdown-menu {
    a {
        display: block
    }
}

// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
    display: inline-flex !important;
}

// to fix el-date-picker css style
.el-range-separator {
    box-sizing: content-box;
}

.el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
    display: none;
}

//select 行高
.el-select-dropdown__list {
    .el-select-dropdown__item {
        height: 30px;
        line-height: 30px;
    }
}

// .el-select .el-input.is-focus,
// .el-select:hover {
//     .el-input__inner {
//         border-color: transparent;
//     }
// }
//日期时间选择器 el-date-editor
.el-date-editor.el-input.el-date-editor--datetime {
    width: 182px;
    margin: 0 4px 0 0;
    border-right: 1px solid #ccc;
}

.el-date-editor.el-input.el-date-editor--date {
    width: 130px;
    margin: 0 4px 0 0;
    // border-right: 1px solid #ccc;
}

//icon 文件图标颜色
.el-icon-folder:before {
    color: #999940;
}

.grid-content {
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
}

//抽屉  不生效  
.el-drawer__wrapper {
    font-size: 16px;
    .el-drawer__container.el-drawer__open {
        .el-drawer__title {
            padding: 20px !important;
            .el-drawer__header {
                margin: 0;
                span {}
            }
            .el-drawer__body {
                padding: 20px !important;
            }
        }
    }
}

.el-drawer {
    overflow: auto;
}

.el-drawer__header {
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

.el-drawer__body {
    position: relative;
    overflow: auto;
}

.el-drawer__foot {
    width: 100%;
    border-top: 1px solid #e8e8e8;
    padding: 10px 16px;
    text-align: right;
    background: #fff;
    border-radius: 0 0 2px 2px;
    position: sticky;
    bottom: 0;
}